<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="box">
			<div id="btn">开</div>
			<img id="img" src="img/pic_bulboff.gif"/>
		</div>
		
		<script type="text/javascript">
			(function(){
				var btn = document.querySelector("#btn");
				var img = document.querySelector("#img");
				btn.onclick = function(){
					if(this.innerHTML == "开"){
						img.src = "img/pic_bulbon.gif";
						this.innerHTML = "关";
						this.style.backgroundColor = "green";
					}else{
						img.src = "img/pic_bulboff.gif";
						this.innerHTML = "开";
						this.style.backgroundColor = "#ddd";
					}
				}
			}())
		</script>
	</body>
</html>
